<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
    <script src="main.js" type="text/javascript"></script>
    <style>
        body table,body tr,body td{
            border-collapse: collapse;
            border: 2px solid rgb(0,0,0);
            letter-spacing: 1px;
            font-size: 0.8rem;

        }
    </style>
</head>

<body>
<%--用户注册,输入用户名，密码（两次一致，后端要验证）,性别，年龄，
输出注册结果，并显示当前所有注册用户的所有详细信息。不得有服务器I/O--%>
<div id="main_div">
    <div id="name_div">
        <label for="name_input">
            请输入姓名
        </label><input id="name_input" type="text">
    </div>
    <div id="pass_div">
        <label for="password_input">
            请输入密码
        </label>
        <input id="password_input" type="password"></input>
    </div>
    <div id="pass_verify_div">
        <label for="password_verify">
            请确认密码
        </label>
        <input id="password_verify" type="password"></input>
    </div>
    <div id="gender_div">
        <label for="gender_input">
            请输入性别
        </label>
        <input id="gender_input" type="text"></input>
    </div>
    <div id="age_div">
        <label for="age_input">
            请输入年龄
        </label>
        <input id="age_input" type="text"></input>
    </div>
    <button id="submit_btn">
        提交
    </button>
</div>
<div id="result_div">
    <table id="result_table">
        <thead id="table_head">
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>密码</th>
        </tr>
        <tr></tr>

        </thead>
        <tbody id="table_body">

        </tbody>
    </table>

</div>


</body>
<%--<body>--%>
<%--<h1><%= "Hello World!" %>--%>
<%--</h1>--%>
<%--<br/>--%>
<%--<a href="account_creator">Hello Servlet</a>--%>
<%--</body>--%>
</html>